<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css">
	</head>

	<body><!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>23423</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css">
		<!-- <link href="css/mui.css" rel="stylesheet" /> -->
		<style type="text/css">
			body,html{
				height: 100%;
				width: 100%;
			}
			.showCell {
				display: flex;
				justify-content: space-around;
			}

			.showCell span {
				color: white;
				padding: 5px;
				background: red;
				font-size: 16px;
				border-radius: 50%;
			}

			.showCell .blue {
				background: #0062CC;
			}

			.showCellTitle {
				display: flex;
				justify-content: space-between;
			}
			#app{
				height: 100%;
			}
		</style>
	</head>

	<body>
		<div id="app">
			<van-nav-bar
			  title="s"
			  left-text="返回"
			  left-arrow
			  bind:click-left="onClickLeft">
			</van-nav-bar>
			<van-cell-group>
				<van-field
				  v-model="issueNum"
				  required
				  clearable
				  label="期号"
				  placeholder="请输入期号"
				 type="number"
				/>
			</van-cell-group>
			<van-cell-group>
			  <van-field
				v-model="red01"
				required
				clearable
				label="红球1"
				placeholder="请输入红球"
			   type="number"
			  />
			 </van-cell-group>
			 <van-cell-group>
			  <van-field
			    v-model="red02"
			    required
			    clearable
			    label="红球2"
			    placeholder="请输入红球"
			   type="number"
			  />
			 </van-cell-group>
			 <van-cell-group>
			  <van-field
			    v-model="red03"
			    required
			    clearable
			    label="红球3"
			    placeholder="请输入红球"
			   type="number"
			  />
			 </van-cell-group>
			 <van-cell-group>
			  <van-field
			    v-model="red04"
			    required
			    clearable
			    label="红球4"
			    placeholder="请输入红球"
			   type="number"
			  />
			 </van-cell-group>
			 <van-cell-group>
			  <van-field
			    v-model="red05"
			    required
			    clearable
			    label="红球5"
			    placeholder="请输入红球"
			   type="number"
			  />
			 </van-cell-group>
			 <van-cell-group>
			  <van-field
			    v-model="red06"
			    required
			    clearable
			    label="红球6"
			    placeholder="请输入红球"
			   type="number"
			  />
			 </van-cell-group>
			 <van-cell-group>
			  <van-field
			    v-model="blue"
			    required
			    clearable
			    label="蓝球"
			    placeholder="请输入蓝球"
				type="number"
			   
			  />
			</van-cell-group>
			<van-button @click="onLoad()" type="primary" size="large">一套房子到手了</van-button>
			
		</div>
		
	<script src="../js/mui.js"></script>
	<script src="../js/commen.js"></script>
	<!-- 引入样式文件 -->
	
	
	<!-- 引入 Vue 和 Vant 的 JS 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
	<script type="text/javascript">
		mui.init()
		var app = new Vue({
			el: '#app',
			data() {
				return {
					issueNum:'',
					red06:"",
					red05:"",
					red04:"",
					red03:"",
					red02:"",
					red01:"",
					blue:"",
	
				};
			},
			filters: {
				showdateFilter: function(value) {
					
					return value.substring(0,10)
				}
			},
			methods: {
				onLoad:function() {
					// app.loading = true;
					// 异步更新数据
					mui.ajax(http + _data.history_queryCashPrize, {
						data: {
							issueNum:app.issueNum,
							red01:app.red01,
							red02:app.red02,
							red03:app.red03,
							red04:app.red04,
							red05:app.red05,
							red06:app.red06,
							bule:app.blue,
						},
						dataType: 'json', //服务器返回json格式数据
						type: 'post', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						success: function(data) {
							
							if (data.code == "0") {
								alert(data.data.issueLevel)
								mui.alert(data.data.issueLevel,'恭喜你','完美',function (e) {
								   e.index
								},'div')
								
							} else {
								alert(data.msg)
							}
						},
						error: function(xhr, type, errorThrown) {
							alert(JSON.stringify(xhr))
						}
					});
				},
				onClickLeft:function(){
					mui.back();
				}
			},
			mounted:function(){
				
			}
			
		});
		
	</script>
	</body>

</html>
